<template>
  <div>
    <el-tabs v-model="activeTab" >
      <!--      默认选中-->
      <el-tab-pane label="人均订单数" index="/about" name="/about">
        <OrderStatistics></OrderStatistics>
      </el-tab-pane>
      <!--      默认选中-->
      <el-tab-pane label="人均收益" index="/about2" name="/about2">
        <PerCapitaIncome></PerCapitaIncome>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import OrderStatistics from "@/components/cockpit/AverageDriver/OrderStatistics.vue";
import PerCapitaIncome from "@/components/cockpit/AverageDriver/PerCapitaIncome.vue";
export default {
  name: 'App',
  components: {OrderStatistics,PerCapitaIncome},
  data() {
    return {
      activeTab: "/about",
    }
  }
}
</script>

<style>
.el-tabs__item.is-active{
  font-size: 25px;
}
</style>
